<template>
   <div class="topContent">
     <div class="assetName">
       <span class="titleSpan">资产名称</span>
       <el-input class="inputBox" v-model="assetName" placeholder="请输入资产名称"></el-input>
     </div>
     <div class="assetName">
       <span class="titleSpan">资产编码</span>
       <el-input class="inputBox" v-model="assetCode" placeholder="请输入编码"></el-input>
     </div>
     <div class="assetName">
       <span class="titleSpan">领用时间</span>
        <el-date-picker
             style="width:300px;height:30px"
             v-model="collectionTime"
             type="daterange"
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期">
           </el-date-picker>
     </div>
     <span class="btnSpan">
       <el-button class="btn" type="primary">搜索</el-button>
       <el-button class="btn plainBtn" plain>重置</el-button>
       <el-button class="btn plainBtn" plain>导出记录</el-button>
     </span>
   </div>
</template>

<script>
  export default {
     data(){
        return {
           assetName: '',
           assetCode: '',
           collectionTime: '',
         }
      }
  }
</script>

<style lang="stylus" scoped>
  .topContent
    width: 100%;
    min-height: 60px;
    background-color rgba(247, 243, 251, 1)
    padding 18px 0 8px 20px
    box-sizing border-box
    margin-bottom 10px
    cursor pointer
    .assetName
       margin-right 20px
       vertical-align top
       display inline-block
       margin-bottom 10px
       >>>i 
          line-height 24px
      .titleSpan
        font-size 12px
        color rgba(193, 194, 197, 1)
        margin-right 5px
        font-family SourceHanSansSC-regular
       .inputBox
         width:160px;
         >>> .el-input__inner
          height 30px
    .btnSpan
      .btn
         width: 65px;
         height: 25px;
         line-height 17px
         padding 2px 8px
         box-sizing border-box
         border-radius 3px
         margin-right 9px
         margin-top 2px
         >>>span 
           font-size 13px
      .plainBtn 
         border-radius: 3px;
         background-color rgba(247, 243, 251, 1)
         color: #3196fa;
         font-size: 12px
         border: 1px solid #3196fa;
         >>>span
           font-size 12px
</style>
